{% extends "common/layout_main.html" %}
{% block content %}
    <div class="wrapper wrapper-content">
        <div class="row">
            <div class="col-lg-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <span class="label label-primary pull-right">日统计</span>
                        <h5>营收概况</h5>
                    </div>
                    <div class="ibox-content">
                        <h1 class="no-margins">{{ data.finance.today }}</h1>
                        <small>近30日：{{ data.finance.month }}</small>
                    </div>
                </div>
            </div>
            <div class="col-lg-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <span class="label label-primary pull-right">日统计</span>
                        <h5>订单</h5>
                    </div>
                    <div class="ibox-content">
                        <h1 class="no-margins">{{ data.order.today }}</h1>
                        <small>近30日：{{ data.order.month }}</small>
                    </div>
                </div>
            </div>
            <div class="col-lg-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <span class="label label-primary pull-right">日统计</span>
                        <h5>会员</h5>
                    </div>
                    <div class="ibox-content">
                        <h1 class="no-margins">{{ data.member.total }}</h1>
                        <small>今日新增：{{ data.member.today_new }}</small>
                        <small>近30日新增：{{ data.member.month_new }}</small>
                    </div>
                </div>
            </div>
            <div class="col-lg-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <span class="label label-primary pull-right">日统计</span>
                        <h5>分享</h5>
                    </div>
                    <div class="ibox-content">
                        <h1 class="no-margins">{{ data.shared.today }}</h1>
                        <small>近30日：{{ data.shared.month }}</small>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12" id="member_order" style="height: 400px;border: 1px solid #e6e6e6;padding-top: 20px;">
                使用highchart画图
            </div>
            <div class="col-lg-12" id="finance" style="height: 400px;border: 1px solid #e6e6e6;padding-top: 20px;">
                使用highchart画图
            </div>
        </div>
    </div>
{% endblock %}
{% block js %}
    <script src="{{ buildStaticUrl('/plugins/highcharts/highcharts.js') }}"></script>
{#    <script src="{{ buildStaticUrl('/plugins/highcharts/dark-unica.js') }}"></script>#}
    <script src="{{ buildStaticUrl('/js/chart.js') }}"></script>
    <script src="{{ buildStaticUrl('/js/index/index.js') }}"></script>
{% endblock %}
